import React from 'react';
import './App.css';
import { Routes, Route, Navigate } from 'react-router-dom'
import HomeViews from './views/HomeViews';
import AboutViews from './views/AboutViews';
import ProductViews from './views/ProductViews';
import UserViews from './views/UserViews';
function App() {
  return (
    <div className="App">
      <Routes>
        <Route path='/' element={<HomeViews />}>
          <Route path='about' element={<AboutViews />}></Route>
          <Route path='product' element={<ProductViews />}></Route>
          <Route path='user' element={<UserViews />}></Route>
        </Route>
      </Routes>
    </div>
  );
}

export default App;
